<template>
  <div>
    <Header :title="title"></Header>
    <div class="aui-content aui-margin-b-15">
      <div class="aui-ftn14 aui-text-3 aui-padded-10 aui-bg-f van-hairline--bottom">
          工作时间:08:30-22:30(法定节假日除外)
      </div>
      <ul class="aui-list aui-media-list">
          <li class="aui-list-item aui-list-item-middle aui-padded-10 aui-bg-f van-hairline--bottom aui-text-3" v-for="(item, index) in items.data" :key="index">
              <div class="aui-media-list-item-inner">
                  <div class="aui-list-item-inner">
                      <div class="aui-list-item-text">
                          <div class="aui-list-item-title aui-ftn14">客服QQ: {{item}}</div>
                      </div>
                  </div>
              </div>
          </li>
          <li class="aui-list-item aui-list-item-middle aui-padded-10 aui-bg-f van-hairline--bottom aui-text-3">
              <div class="aui-media-list-item-inner">
                  <div class="aui-list-item-inner">
                      <div class="aui-list-item-text">
                          <div class="aui-list-item-title aui-ftn14">客服QQ群: {{items.qun}}</div>
                      </div>
                  </div>
              </div>
          </li>
      </ul>
  </div>
  </div>
</template>

<script>
  import Header from '../components/header.vue'
  import Index from '../../service/index.js'
  export default {
    data () {
      return {
        title: '客服中心',
        items: []
      }
    },
    components: {
      Header
    },
    mounted() {
      this.init()
    },
    methods: {
      init: function() {
        Index.fnGetKefu().then(ret => {
          if (ret && ret.status) {
              this.items = ret;
          }
        })
      }
    }
  }
</script>

<style>
</style>
